<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>微信接口-登录</title>
		<meta name="Keywords" content="微信开发,微信支付,微信demo,demo下载">
		<meta name="description" content="微信开发">
		<jsp:include page="iconfont/iconfont.jsp" flush="true"/><!--动态包含-->
		<!--css,js-->
		<jsp:include page="common/common_head.jsp"></jsp:include>
  </head>
  <style>
	h1,h2,h3,h4,span,p,div,label,a{margin:10px 0;}
	input{border:none;}
	.outter{position:relative;width:100%;height:460px;background-size:cover;}
	.outter .bg{width:100%;height:460px;background:url("<c:url value='/resources/images/bg2.jpg'/>") no-repeat;background-size:cover;}
	.login-c label,.signup{margin-bottom:10px;}
	.comm{width:100%;outline:none;font-size:14px;}
	.login-c{width:350px;background:#fff;position:absolute;right;top:50px;right:150px;padding:40px;margin-top:20px;}
	.login-c ul li{border:1px solid #F9C1D6;padding:15px 0 15px 44px;margin-top:-1px;position:relative;}
	ul li i{width:16px;height:18px;display:block;position:absolute;left:15px;}
	label input{vertical-align:middle;margin-right:10px;}
	ul li:last-child{padding:0;border:none;}
	.login-u-ico{background:url("<c:url value='/resources/images/bg1.png'/>") 0 0 no-repeat;}
	.login-p-ico{background:url("<c:url value='/resources/images/bg1.png'/>") 0 -28px no-repeat;}
	.l-submit label{display:block;float:left;font-size:1em;}
	.l-submit .signup{display:block;float:right;color:#E9397B;font-size:1em;}
	.ullists #login-btn{width:100%;display:block;background-color:#E9397B;color:#fff;text-align:center;padding:14px 0;margin:0;}
	/* .ullists #login-btn:hover{background-color:#51CC56;} */
	#login-btn,.l-submit{font-size:16px;}
	.v-tip{width:100%;height:55px;line-height:55px;background-color:#E9397B;position:absolute;z-index:10;margin:0;color:#fff;font-size:18px;text-align:center;}
  </style>
    <body>
    <div class="canvas_box">
		<canvas id="Mycanvas"></canvas>
	</div>
	<script type="text/javascript" src="<c:url value='/resources/js/canvas_bg.js'/>"></script>
	<div class="v-tip" style="top: -100px;">
		<i style="font-size:1.6em;padding:0 10px;" class="iconfont icon-weixin"></i>在小的个体也有自己的品牌</div>
	<div class="outter">
		<div class="logo">
			<!-- <i></i> -->
			<div class="g-logo">
				<a href="<c:url value='/user/list.htm'/>"/><img width="50" height="50" src="http://localhost/WX-PLATFORM/resources/images/logo5.jpg"/></a>
				<p class="websitename">1991S.CN</p>
			</div>
		</div>
		<div class="bg" style="margin-top: 90px;">
			<div id="login-i" class="login-c">
				<h3>登录</h3>
				<ul class="ullists">
					<li class="animated bounceInLeft">
						<i class="login-u-ico"></i><input id="username" class="comm" placeholder="手机号/邮箱/QQ号" type="text" autocomplete="off">
					</li>
					<li class="animated bounceInRight">
						<i class="login-p-ico"></i><input id="password" class="comm" type="password" autocomplete="off"/>
					</li>
					<li>
						<div class="l-submit">
							<label>
								<input type="checkbox" class="jizhupwd" value="1" checked/>记住密码
							</label>
							<a href="<c:url value='/user/signup.htm'/>" class="signup">注册</a>
							<div style="clear:both;"></div>
						</div>
						<div class="animated bounceInUp">
							<a href="#" id="login-btn">
								登录
							</a>
						</div>
					</li>
				</ul>
				
			</div>
		</div>
		<script type="text/javascript" src="<c:url value='/resources/js/base/login.js'/>"></script>
		<!--Loading
		<script>
			/*function loading(content,time){
				$.mkLoading({content:content,time:time});
			};
			
			loading("欢迎欢迎",2000);*/
		</script>
-->
	</div>
	<div class="footer" style="color:#C7C4C4;position:absolute;left:50%;margin-left:-490px;bottom:1;width:980px;">@Tony - 陕西西安高新区...</div> 
  </body>
</html>
